import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store/index.js'
import router from '@/router'
const request = axios.create({
  // 完整地址
  // baseURL: 'http://ihrm-java.itheima.net/api'

  // 拦截地址,相对于当前服务器的地址
  baseURL: '/api'

})

// 拦截器写法1 - 通过axios官网复制
// 拦截器写法2 - 通过代码片段,安装扩展Axios Snippets(推荐)

request.interceptors.request.use(config => {
  if (store.state.user.token) {
    config.headers.Authorization = 'Bearer ' + store.state.user.token
  }
  return config
}, error => {
  return Promise.reject(error)
})

// 对返回的数据做拦截,每一次返回回来的数据我们都要做处理
// 错误处理方式2 - 在axios中响应拦截器里面做操作
// 注意: 我们要对request对象做处理,而不是axios
request.interceptors.response.use(response => {
  // 成功的处理(状态码2xx)
  console.log('成功', response)
  const { data: { success, data, message }} = response
  // 判断请求是否成功
  if (success) {
    // 返回数据
    return data
  } else {
    // 返回后端返回的错误提示
    Message.error(message)
    // 在响应拦截器中产生一个错误,通过冒泡错误,阻止页面跳转
    throw new Error(message)
  }
  // return response
}, error => {
  // 失败的处理(状态码4xx, 5xx)
  console.log('失败', error)
  if (error.response && error.response.status === 401) {
    // 退出, 并回到登录页面
    store.dispatch('user/logout')
    return router.push('/login')
  }
  Message.error('服务器异常,请稍后再试')
  return Promise.reject(error)
})
export default request
